<!DOCTYPE html>
<meta charset="UTF-8">
<title>消息</title>
<h2>弹出消息框</h2>
<div style="margin: 10px 0;">
	<a href="#" data-type="button" onclick="alert1()">提示</a>
	<a href="#" data-type="button" onclick="alert2()">错误</a>
	<a href="#" data-type="button" onclick="alert3()">消息</a>
	<a href="#" data-type="button" onclick="alert4()">问题</a>
	<a href="#" data-type="button" onclick="alert5()">警告</a>
</div>
<script>
    function alert1() {
	    $.messager.alert('系统提示', '普通消息!');
    }
    function alert2() {
	    $.messager.alert('系统提示', '错误消息!', 'error');
    }
    function alert3() {
	    $.messager.alert('系统提示', '提示消息!', 'info');
    }
    function alert4() {
	    $.messager.alert('系统提示', '疑问消息!', 'question');
    }
    function alert5() {
	    $.messager.alert('系统提示', '警告消息!', 'warning');
    }
</script>
